.security-title{
    width: 100%;
    height: 94px;
    border-bottom: solid 1px #ececec;
    min-width: 1236px;
}
.security-title-center{
    width: 700px;
    height: 94px;
    margin: 0 auto;
}
.security-title-text{
    width: 174px;
    height: 94px;
    float: left;
    text-align: center;
    line-height: 94px;
    font-size: 24px;
    color: #595858;
    font-family: 微软雅黑;
}
.security-platform-whole{
    width: 1206px;
    height: 930px;
    margin: 0 auto;
}
.security-whole-introduce{
    width: 100%;
    height: 268px;
    margin-top: 58px;
    line-height: 55px;
    font-family: 微软雅黑;
    font-size: 16px;
    color: #737373;
}
.security-whole-bor{
    width: 492px;
    height: 86px;
    float: left;
    border-bottom: dashed 1px #fcb22f;
}
.security-whole-title{
    width: 216px;
    height: 156px;
    float: left;
}
.whole-title-center{
    width: 160px;
    height: 38px;
    margin-top: 66px;
    margin-left: 32px;
    border-radius: 5px;
    border: solid 2px #fcb22f;
    text-align: center;
    color: #fcb22f;
    font-size: 22px;
    line-height: 38px;
    font-family: 微软雅黑;
}
.security-whole-imges{
    width: 100%;
    height: 470px;
    float: left;
}
.security-security-whole{
    width: 100%;
    height: auto;
}
.security-whole-center{
    width: 1248px;
    height: auto;
    margin: 0 auto;
}
.whole-center-first{
    width: 100%;
    height: 488px;
}
body{
    background-color: #fff;
}
.novice_top{
    width: 100%;
    height: 1700px;
    background: url(/img/novice/novice_top.png) no-repeat center;
    margin-bottom: 30px;
    padding-top: 700px;
    color: #333;
}
.novice_top .text{
    width: 1200px;
    height: 200px;
    margin: 0 auto;
}
.novice_top .text h2{
    font-size: 30px;
    line-height: 90px;
    margin-bottom: 20px;
    text-align: center;
}
.novice_top .text p{
    font-size: 18px;
    line-height: 40px;
}
.login_c{
    width: 1200px;
    height: 140px;
    margin: 0 auto;
    position: relative;
}
.login_c p{
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #e8e8e8;
}
.login_c div{
    width: 220px;
    height: 140px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -110px;
    top: 0;
    padding-left: 30px;
    padding-top: 50px;
}
.login_c input{
    width: 160px;
    height: 40px;
    border: 1px solid #e8e8e8;
    display: block;
    background-color: #fff;
    color:#777;
    cursor: pointer;
}
.novice_steps{
    width: 1200px;
    height: 1000px;
    margin: 0 auto;
    text-align: center;
    color:#414141;
}
.novice_steps h2{
    height: 120px;
    line-height: 120px;
    font-size: 30px;
    font-style: normal;
}
.steps{
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding-left: 10px;
    color:#ff5b5b;
    font-size: 16px;
    margin-bottom: 30px;
}
.steps li{
    width: 220px;
    height: 44px;
    background: url(/img/novice/twice.png) no-repeat;
    float: left;
    margin-right: 20px;
    cursor: pointer;
}
.steps li:first-child{
    background-image: url(/img/novice/first.png);
}
.steps li:last-child{
    margin-right: 0;
    background-image: url(/img/novice/last.png);
}
.steps li.cur{
    background-image: url(/img/novice/twice_cur.png);
    color:#fff;
}
.steps li.cur:first-child{
    background-image: url(/img/novice/first_cur.png);
    color:#fff;
}
.steps li.cur:last-child{
    background-image: url(/img/novice/last_cur.png);
    color:#fff;
}
.novice_steps .con{
    width: 100%;
    height: 650px;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}
.novice_steps .l,.novice_steps .r{
    width: 215px;
    height: 650px;
    float: left;
    background: url(/img/novice/left.png) no-repeat center;
    cursor: pointer;
}
.novice_steps .r{
    transform: rotate(180deg);
    margin-left: 770px;
}
.photo{
    width: 770px;
    height: 9999px;
    float: left;
    position: absolute;
    left: 215px;
}
.photo li{
    width: 770px;
    height: 650px;
    background-image: url(/img/novice/login.png);
    float: left;
}
.photo li:nth-child(2){
    background-image: url(/img/novice/idcard.png);
}
.photo li:nth-child(3){
    background-image: url(/img/novice/recharge.png);
}
.photo li:nth-child(4){
    background-image: url(/img/novice/invest.png);
}
.photo li:nth-child(5){
    background-image: url(/img/novice/collection.png);
}
.join{
    width: 230px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #ff5b5b;
    border-radius: 4px;
    margin: 0 auto;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}




